<template>


	<view class='cont'>
		<view class='zrf'>
			我在这里
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.cont {

		position: relative;

		width: 100%;

		height: 200rpx;

		line-height: 100rpx;

		text-align: center;

		background-color: #C8C7CC;



	}

	/*居中 */

	.zrf {

		position: relative;

		top: 20rpx;

		width: 200rpx;

		height: 100rpx;
		border-radius: 10px;
		display: inline-block;

		/* 颜色自定义 ---尺度自己调 */
		box-shadow: 2px 2px 3px 1px rgba(220, 20, 60),
			-3px -3px rgba(245, 255, 250);

	}
</style>
